<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>菜单管理</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      display: flex; /* 使用 flexbox 布局 */
      height: 100vh; /* 占满视口高度 */
    }
    #menuLeft {
      width: 280px; /* 左侧导航栏宽度 */
      border-right: 1px solid #ccc; /* 右侧边框 */
      overflow-y: auto; /* 内容溢出时显示滚动条 */
    }
    #menuRight {
      flex: 1; /* 右侧内容区域自适应宽度 */
      overflow-y: auto; /* 内容溢出时显示滚动条 */
    }
    iframe {
      width: 100%;
      height: 100%;
      border: none; /* 移除 iframe 边框 */
    }
  </style>
</head>
<!-- 如果使用frameset 的包含页面  主页面不能有 body-->
<!--<frameset cols="280,*" border="1">-->
<!--  <frame src="./menuLeft.html" name="left">-->
<!--  <frame src="./menuRight.html" name="right">-->
<!--</frameset>-->

<div id="menuLeft">
  <iframe src="./menuLeft.html" name="left"></iframe>
</div>
<div id="menuRight">
  <iframe src="./menuRight.html" name="right"></iframe>
</div>
</html>